<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"

      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      >
    <h:body>

        <ui:composition template="/WEB-INF/templates/commonLayout.xhtml">

            <ui:define name="content">
                <h:form>
                <p:panel id="panel" header="Statistics">
                    <p:pieChart id="custom" value="#{adminBackingBean.pieModel}" legendPosition="e" fill="false" showDataLabels="true"  
                                title="Scheduled/Resolved" style="width:400px;height:300px" sliceMargin="5" diameter="150" styleClass="centerClass"/> 
                
                    <h:panelGrid columns="2" class="centerClass">   
                        <p:barChart id="chart1" value="#{adminBackingBean.scheduledCategoryModel}" legendPosition="ne"  
                                    title="Scheduled tasks" min="0" max="50" style="width:750px" animate="true"/>  
                    </h:panelGrid>       

                    <h:panelGrid columns="2" class="centerClass">   
                        <p:barChart id="chart2" value="#{adminBackingBean.resolvedCategoryModel}" legendPosition="ne"  
                                    title="Resolved tasks" min="0" max="50" style="width:750px" animate="true"/>  
                    </h:panelGrid> 

</p:panel>
                </h:form>
            </ui:define>
        </ui:composition>

    </h:body>

</html>